Skip to main content

All Questions

0votes
0answers
106views

How do I troubleshoot Chrome/Edge errors without a stack trace?

I am getting an error: Uncaught ResizeObserver loop completed with undelivered notifications. I have no stack trace for this error, and I am not using ResizeObserver in my ReactJS application. ...
Zulander's user avatar
-2votes
1answer
77views

Count of duplicate console.log() resets when called from a different element [closed]

I have the following code: import ReactDOM from 'react-dom/client'; import { useState, useEffect } from 'react'; const App = () => { useEffect(() => { console.log('Render'); }); const [...
David Klempfner's user avatar
0votes
0answers
30views

How to load chrome instance in development mode in React

I am building a chrome extension and using chrome.bookmarks api. When I do console.log(chrome.bookmarks) it logs undefined in normal development mode. When I load using load unpacked extensions, it ...
pritesh's user avatar
  • 2,202
0votes
0answers
54views

How to see styling of a mui class applied to an element?

I use material ui components as part of a react project. After the code is loaded onto the browser, I see 3 classes applied to the <p> tag element that I am looking at. I also applied some ...
africandrogba's user avatar
1vote
0answers
48views

Sourcemap enabled but stacktrace is only showing me the line + column number in the *.chunk.js file

I am getting an error from New Relic but it collects the stack trace from the bundle. I have enabled the source maps and can see the source code in the Chrome when I do Ctrl-P in the Source tab. How ...
Carlos Jaime C. De Leon's user avatar
21votes
3answers
3kviews

Chrome DevTools Debugger freezing once it hits breakpoint

I have recently started working on a ReactJS webapp codebase that is bit out-dated and currently being tasked to modernize by upgrading to latest versions of dependencies and NodeJS 14 to LTS. The ...
Carlos Jaime C. De Leon's user avatar
3votes
5answers
129views

cookie sent from node backend but not shown on application tab

I am sending cookie in response from node backend to my frontend after jwt signing. In the network tab on frontend , the set-cookie is visible and the cookie is been shown , but in the application tab ...
Aditya Nagare's user avatar
1vote
0answers
153views

Debugging and finding source code of an onclick event handler in a React and Webpack project in Chrome Dev Tools

I'd like to debug a logic-related bug on a React website. The site is not responding as expected when the user clicks on a button. Is there an efficient way of finding where the onclick function is ...
forgodsakehold's user avatar
0votes
0answers
21views

Chrome Dev Tools 1024px breakpoint not working on Responsive

I have added a breakpoint for lg devices such that the hamburger menu appears for screens smaller than lg. However, on chrome dev tools, when the width is 1024, the hamburger menu is already triggered....
yikes's user avatar
2votes
1answer
859views

Interpreting Chrome memory tool's results for a memory leak?

I'm pretty sure I have a memory leak. When I perform certain actions (e.g. opening a menu) repeatedly, then use the 3 heap snapshots trick, there's always leaked memory. The retainers are different ...
Leo Jiang's user avatar
0votes
1answer
809views

VM366:1 Warning: input: `ref` is not a prop. Trying to access it will result in `undefined` being returned

I try to use React and got the warnging message when only click the button in the first time. And I ask chatGPT, it said all my codes are as expected. Should not have this warnings. // App.js import ...
黃啓華C.H.'s user avatar
1vote
0answers
277views

Chrome devtools extremely slow using React Native Hermes

Steps to reproduce: npx expo run:ios --device Choose any device or simulator Run app + JS debug Observe Chrome dev tools is extremely slow. What could the issue be? React native: 0.72.5 Expo: 49.0....
MendyK's user avatar
  • 1,488
1vote
0answers
142views

Improving React app runtime performance using Chrome's dev tools analyzer

I am trying to improve runtime performance but I am having a hard nut to crack trying to understand the used/unused piece of code highlight tool in Chrome's dev tools. From what I understand, we ...
Mateusz Osuch's user avatar
0votes
1answer
60views

What does this computed CSS mean?

I have a component that can either be open or closed. Depending on this state an attribute is added to the component accordingly (e.g. data-state=open). The component applies some inline CSS using ...
sherrellbc's user avatar
0votes
1answer
81views

My parcel React website on localhost takes 10 seconds time when opened with chrome inspect tab and loads quickly when inspect tab is not opened

I am learning react from namaste react course of akshay saini. I created 2 files. Index.html script.js Then i initiated npm init. After that i added parcel to it and then ran the npx parcel index.html ...
Aditya Nagare's user avatar

153050per page
close